実は自分で ホームページ 制作してます
こんばんは。今週もお疲れ様でした^ ^青森市フリーランス美容師BLAZE hair所属 SHUN です🐒
※SHUNの事を詳しく知りたい場合は
↑こちらより閲覧可能です。
毎日今の所ブログの更新をしていますが実はもう１つ一緒に更新しているものがあります。それが
デザイン
を一緒にこまこま
カスタマイズしています♪
ほんと少しずつ更新をしているのであまり気付いてないかもしれませんね(汗)
どんな感じで更新してるのか、今はまだ開発中ですがちょっと公開していこうかなと思います♪
この記事の目次
WordPressを使って作っています
まずあなたが見ているこのサイトなんですが
ていうものを使用して
サイト表示させたり
ブログを書いています♪
WordPressって何？
そこまで専門的な話はしませんがこのWordPressっていうのは
ブログを書くための
サイトみたいな感じのもの
です^ ^
今でもあるんですが
★アメブロ
★ライブドアブログ
★note
etc…
ってものがあるじゃないですか？
それの個人運用するものみたいな感じです^ ^
WordPressで出来る事って？
僕の場合の話をしますが僕の中での活用方法は
★髪の情報を発信
★ヘアスタイルの発信
★新規顧客の獲得
昔から”ブログ”を書くのが好きだったために個人で運用して一生残るコンテンツを作りたいな〜って思ってWordPressを始めたって感じです♪
他の運用方法を見ると
★ホームページとして作成
★Amazonの様な物を売るサイト
★LP(紹介)のためのサイト
etc…
を良く見かけたりしますが結構自由度が高いので
他のページに誘導したりする物だったり
結構種類が多いのかなと思います^ ^
なぜWordPressで作ってるの？
前まではアメブロを使って結構長い間ブログを書いてたのですがある美容師の仲間から
今まで書いたブログって
全部なくなるみたいだよ
と言われた時に
全部なくなったらまずいな…
永久的に保存できるサイトってないかな…
と思う時が来てその時にこのWordPressを見つけて始めたんですよね^ ^
それからはずっとWordPressを使ってブログを書いたりサイトをカスタマイズして遊んだりしています♪
フル制作？部分制作？
このWordPressっていうサイトなんですが元々型が決まってなくてどの様な形でもアレンジが可能なんです^ ^
そして
とよく聞かれるんですが
実はできるんですが
膨大な時間がかかる
っていうのが嫌で今すぐにでも
ブログを書きたいと思って
テンプレートデザイン
を購入して使ってます
なので全部カスタムをしているというよりは
なる様にカスタマイズしています♪
スマホのアプリみたいな感じで
★背面画像
★アプリの配置
★必要な動き
設定してないじゃないですか？
それをただ自分好みに
カスタマイズしてるって感じです♪
…と話してもちょっと分かりづらいと思うのでここからは
どこをどうカスタマイズしたのか？
についてお話ししていきますね^ ^♪
僕がカスタマイズしてる部分
今あなたはこのページを
パソコンで見てますか？
スマホで見てますか？
どちらで見ても全然デザインが変わっていますが
スマホ用
でしています♪
なので今スマホで見ているのであれば画面上に表示れてるものはほとんど自分でアレンジしています^ ^
【カスタマイズ部分①】ヘッダー
スマホで見ているなら上に黒い帯があると思います。この部分まず自分で作っています^ ^
最初テーマ買った時にはこの部分はなくてページが一番上である時にしか表示されていませんでした。
なぜこの部分をカスタムしたかというと
★急にトップに戻りたくなった
★他の記事を見たくなった
★記事を検索したくなった
困るだろうなと考えたので
カスタマイズしています♪
何気に表示されてると便利なヘッダー部分かなと思います♪それでは実際にクリックしてみましょう^ ^
【カスタマイズ部分②】メニュー
ではまず左上のメニューアイコンをクリックしてみて下さい。クリックすると
↑この様にメニュー部分が出てくると思います^ ^この部分も僕のカスタムです。
何もカスタムしてない状態だと
↑こんな状態です。
全然違うのがよくわかるかなと思います^ ^
この部分に関してですが
プログラミング知識がないと
カスタマイズするのが難しい部分です
【カスタマイズ部分③】メニュー内プロフィール
↑メニュー表示にするとこのプロフィールアイコンがあると思います。もちろんこれも僕がカスタマイズしたものになります^ ^
そして点滅していて何気に”クリックしてくれ！“と言っている様にも見えますよね(笑)
ではクリックしてみて下さい。
↑こんな感じでプロフィールがオープンされるはずです♪
↑この様な変化になります^ ^
これも実際にカスタム部分がなく全部
オリジナルで作成したものです
動きも全部自分で作ってます♪
【カスタマイズ部分④】検索
↑次はヘッダー部分の右側にある”Search“のアイコンをクリックしてみて下さい。クリックすると…
↑この様に検索で記事が探せるフォームが出て来ます。
上部の僕の閉じるアイコンをクリックするとページは閉じますがこの検索フォームの使い方は真ん中のフォームをクリックすると
↑この様にキーボードが出て検索したい単語を記入することができる様になります。なんでも良いですがここでは
『予約の仕方』
と記入してみましょう^ ^
記入したら検索を押すと…
↑この様に”予約の仕方“に関連する記事一覧が表示され目的の記事に辿り着きやすくなります^ ^
まだこのサイトでは始めたばかりなのでそんなにヒットはしないかもしれません(汗)
今のところ毎日更新をしているのでどんなワードでも検索できる様になるかなって思ってます^ ^
【カスタマイズ部分⑤】目次へ戻るアイコン
今あなたの見ているスマホの右下に”目次へ戻る”のアイコンが表示されているかと思います。もちろんこちらも
作成しました♪
とりあえずこのアイコンをクリックしてみて下さい。クリックすると
↑別記事になりますがこのページでも同じで”目次の位置”まで戻る様になっています^ ^
そして
↑アイコンが非表示になるようになっています。
どこからアイコンが表示される様に設定しているかというと
↑目次部分が過ぎたあたりから表示される様になっています^ ^
★他の部分を見たい
★どんな記事があるか
便利な機能かなと思います♪
カスタマイズをしているのには
★見ているあなたに対しての便利機能
を優先して作っています^ ^
★もっと見やすい様に
★もっと使いやすい様に
★もっと楽しみやすい様に
これらがあってからのカスタマイズになっています^ ^
基本的には美容のことに関して書いてますがちょくちょく関係ないことも呟いていこうかなとも思っています^ ^
■初回特典・予約情報・SHUN詳細■
こちらでは ご予約方法・特典お店情報・SHUN情報 など記載しております。
